<!DOCTYPE html>
<html>
<head>
    <title>FlappyBird PPO Training</title>
    <script src="./lib/p5.js"></script>
    <script src="./lib/tfjs4.22.js"></script>
    <script type="module" src="./js/main.js" defer></script>
    <style>
        .controls {
            margin: 10px;
            padding: 10px;
            background: #f0f0f0;
            border-radius: 5px;
        }
        .controls label {
            margin-right: 10px;
        }
    </style>
</head>
<body>
    <div class="controls">
        <label for="speedSlider">训练速度:</label>
        <input type="range" id="speedSlider" min="1" max="100" value="1">
        <span id="speedValue">1x</span>
    </div>
    <div id="gameCanvas"></div>
</body>
</html> 